<template>
  <div id="btn1">
    <i class="el-icon-arrow-down" @click="change"></i>
    <p class="a1">搜索</p>
    <i class="el-icon-search , a3"></i>
    <input type="text" placeholder="知识的边界" class="a2" />
    <i class="a5" @click="change">取消</i>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="视频" class="b1" name="first"><img src="../../assets/u2396.png" alt=""><p class="b2">没有找到相关的视频信息请换一个关键词试试吧</p>
      </el-tab-pane>
      <el-tab-pane label="文章" class="b1" name="second"><img src="../../assets/u2396.png" alt=""><p class="b2">没有找到相关的视频信息请换一个关键词试试吧</p>
        </el-tab-pane>
      <el-tab-pane label="老师" class="b1" name="third">
        <img src="../../assets/u2396.png" alt=""><p class="b2">没有找到相关的视频信息请换一个关键词试试吧</p>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  methods: {
    change() {
      this.$router.push('/home')
    },
       handleClick(tab, event) {
        console.log(tab, event);
      },
  },
 
};
</script>
